﻿@charset "utf-8";
/* CSS Document */


body{ background:#f4f4f4;}


/**********首页部分**********/
/*------返回按钮------*/
.header .header-return{ width: 1.8rem; height: 1.8rem; background: url(../images/return.svg) no-repeat center; background-size: .86rem auto; overflow: hidden; display: block; position: absolute; z-index: 1000; left: 0; top: 0;}
.header .header-return a{ width: 100%; height: 100%; display: block;}
/**************************/
/******店铺首页页头******/
/*------主体------*/
.store-header{ width:100%; height:1.6rem; padding:0 1rem 0 2rem; position:fixed; top:0; left:0; z-index:999999;}

.store-header .store-header-return{ position:absolute; z-index:1000; left:.3rem; top:.3rem;}
.store-header .store-header-return a{ width:1rem; height:1rem; background:url(../images/return.png) no-repeat center; background-size:.8rem; overflow:hidden; display:block;}

/*------页头背景颜色变化------*/
.store-header-scroll{background:#background: -webkit-linear-gradient(left, #fb2323 , #fb2323);
    background: -o-linear-gradient(right, #fb2323 , #fb2323);
    background: -moz-linear-gradient(right, #fb2323 , #fb2323);
    background: linear-gradient(to right, #fb2323 , #fb2323);-moz-animation:scroll .5s;-webkit-animation:scroll .5s;-o-animation:scroll .5s;}

@-webkit-keyframes scroll
{
    0%{ opacity:0;}
	50%{ opacity:.4;}
	100%{ opacity:.9;}	
}

@keyframes scroll
{
    0%{ opacity:0;}
	50%{ opacity:.4;}
	100%{ opacity:.9;}	
}

/*------搜索框------*/
.store-header .store-header-search{ width:100%; height:1.6rem; overflow:hidden; padding:.2rem 0; position:relative; z-index:3;}

.store-header .store-header-search .store-header-search-input{ width:100%; height:100%; border-bottom:#fff 1px solid; overflow:hidden; padding:0 2rem 0 1rem; position:relative;}
.store-header .store-header-search .store-header-search-input:after{ width:.66rem; height:.66rem; content:''; background:url(../images/search_white.png) no-repeat center; background-size:.66rem auto; display:block; position:absolute; left:0; top:.25rem;}

.store-header .store-header-search .store-header-search-input input{ width:100%; height:1.2rem; font-size:.56rem; color:#fff; background:none; border:none; vertical-align:top;}
.store-header .store-header-search .store-header-search-input input::-webkit-input-placeholder{ color:rgba(255,255,255,.5);}
.store-header .store-header-search .store-header-search-input input:-ms-input-placeholder{ color:rgba(255,255,255,.5);}
.store-header .store-header-search .store-header-search-input input::-moz-placeholder{ color:rgba(255,255,255,.5);}

.input-clear{ width:.7em; height:.7rem; background:url(../images/input_clear_white.png) no-repeat center; background-size:.7rem; opacity:.4; position:absolute; right:.1rem; top:.25rem;}

.store-header-scroll .store-header-search .store-header-search-input{border-bottom: #27d3c1 0px solid;}


/******店铺首页主体******/
.store-content{ width:100%; overflow:hidden; padding:0 0 1.76rem 0;}


/******店铺形象板******/
/*------主体------*/
.store-banner{ width:100%; height:4.6rem; background:url(../images/store_header_bg.jpg) no-repeat center; background-size:cover; overflow:hidden; position:relative;}

/*------店铺信息------*/
.store-banner .store-info{ width:100%; min-height:2rem; overflow:hidden; padding:0 3.3rem 0 2.8rem; position:absolute; left:0; bottom:0;}
.store-banner .store-info .store-logo{ width:1.8rem; height:1.8rem; border-radius:5px; overflow:hidden; position:absolute; left:.5rem; top:0;}
.store-banner .store-info .store-logo img{ width:100%; height:100%;}

.store-name{ width:100%;}
.store-name h3{ width:100%; height:1rem; line-height:1rem; font-weight:normal; font-size:.66rem; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.store-level{ font-size:.52rem; color:#fff; background:rgba(255,255,255,.4); border-radius:3px; display:block; padding:0 .4rem; float:left; margin-top:.1rem;}

/*------关注按钮------*/
.store-follow{ width:2.6rem; height:1rem; line-height:1rem; font-size:.5rem; color:#fff; text-indent:1.1rem; background-image:url(../images/store_follow.png); background-position:.3rem .2rem; background-repeat:no-repeat; background-size:.6rem auto; background-color:#fc3a34; border-radius:.2rem; overflow:hidden; display:block; position:absolute; right:.3rem; top:.45rem;}

.store-follow-done{ text-indent:.9rem; background-position:.15rem -.8rem;}


/******店铺首页统计******/
/*------主体------*/
.shop-data{ width:auto; background:#fff; overflow:hidden;}
.shop-data li{ width:33.33333333%; text-align:center; overflow:hidden; padding:0 0 .3rem 0; position:relative; float:left;}
.shop-data li:after{ width:1px; height:1rem; content:''; background:#e4e4e4; position:absolute; right:0; top:.7rem;}
.shop-data li:last-child:after{ background:#fff;}

/*------店铺数据------*/
.shop-data span{ font-size:.68rem; color:#333;}
.shop-data p{ font-size:.52rem; color:#999;}


/******首页正在拼团******/
/*------标题------*/
.recommend .recommend-title{ width:100%; line-height:1rem; background:#fff; border-bottom:#f4f4f4 2px solid; overflow:hidden; padding:.3rem .6rem;}
.recommend .recommend-title h3{ font-size:.6rem; font-weight:normal; color:#555;}
.recommend .recommend-title a{ font-size:.52rem; color:#06c1ae; display:block; padding:0 .5rem 0 0; position:relative;}
.recommend .recommend-title a:after{ width:.24rem; height:.24rem; content:''; border-top:#06c1ae 1px solid; border-left:#06c1ae 1px solid; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); display:block; position:absolute; right:0; top:.38rem;}

/*------内容------*/
.recommend .recommend-box{ width:100%; background:#fff; overflow:hidden;}
.recommend .recommend-box a{ width:100%; overflow:hidden; display:block;}

.recommend .recommend-box .recommend-img{ width:100%; height:7.05rem; overflow:hidden;}
.recommend .recommend-box .recommend-name{ width:100%; overflow:hidden; padding:.3rem .6rem;}
.recommend .recommend-box .recommend-name h3{ max-height:1.8rem; line-height:.9rem; font-weight:normal; font-size:.6rem; color:#333; -webkit-line-clamp:2; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical;}

/*------购买------*/
.recommend .recommend-box .recommend-info{ width:100%; overflow:hidden; padding:0 .6rem .5rem .6rem;}
.recommend .recommend-box .recommend-info .recommend-price b{ height:1.6rem; line-height:1.6rem; font-size:.96rem; color:#e02e24; display:block; float:left;}
.recommend .recommend-box .recommend-info .recommend-price b i{ font-style:normal; font-weight:normal; font-size:.8rem;}
.recommend .recommend-box .recommend-info .recommend-price span{ height:1.6rem; line-height:1.84rem; font-size:.52rem; color:#999; overflow:hidden; display:block; float:left; margin-left:.4rem;}

.recommend .recommend-box .recommend-info .recommend-buy button{ width:4.5rem; height:1.36rem; font-size:.58rem; text-align:center; color:#fff; background:#06c1ae; border:none; border-radius:4px;}
.recommend .recommend-box .recommend-info .recommend-buy button i{ width:.8rem; height:.8rem; background:url(../images/shopcart.png) no-repeat center; background-size:.8rem; vertical-align:middle; display:inline-block; margin-right:.3rem;}


/******店铺首页底部菜单******/
/*------主体------*/
.store-menu{ width:100%; height:1.76rem; background:#fff; box-shadow:0 0 10px 0 rgba(155,143,143,0.5); position:fixed; bottom:0; left:0; z-index:99999;}

/*------列表------*/
.store-menu ul{ width:100%; table-layout:fixed; display:table;}
.store-menu li{ height:1.76rem; overflow:hidden; position:relative; display:table-cell;}
.store-menu li:after{ width:1px; height:.8rem; content:''; background:#e4e4e4; position:absolute; right:0; top:.48rem;}
.store-menu li:last-child:after{ background:#fff;}

.store-menu li a{ width:auto; height:1.76rem; line-height:1.76rem; font-size:.56rem; color:#111; text-align:center; overflow:hidden; display:block; position:relative;}

.store-menu li i, .store-menu li span{ display:inline-block;}
.store-menu li a.category i{ width:.5rem; height:.5rem; background:url(../images/store-category.png) no-repeat left bottom; background-size:.5rem auto; margin-right:.2rem;}

.store-menu li.active a{ color:#06c1ae;}


/**********店铺产品部分**********/
/**************************/
/******筛选******/
/*------主体------*/
.sort{ width:100%; position:relative;}
.sort li{ width:25%; height:1.8rem; background:#fff; float:left; position:relative;}

.sort-fixed{ position:fixed; left:0; top:0; z-index:99999;}

/*------选项------*/
.sort .sort-tab{ width:100%; height:100%; overflow:hidden; position:relative;}
.sort .sort-tab span{ width:3rem; line-height:1.8rem; font-size:.6rem; color:#555; text-align:center; overflow:hidden; margin:0 auto; display:block; position:relative;}
.sort .sort-tab.active span{ color:#06c1ae;}

.sort .sort-tab-toggle:after{ width:.25rem; height:.25rem; content:''; border-top:#ccc 2px solid; border-right:#ccc 2px solid; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); position:absolute; right:.55rem; top:.62rem;}
.sort .sort-tab-toggle.active:after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); top:.75rem;}

/*------升降序小箭头------*/
.sort .sort-tab .sort-arrow{ position:absolute; right:.6rem; top:.64rem;}
.sort .sort-tab .sort-arrow .sort-arrow-up{ border-left:.2rem solid transparent; border-right:.2rem solid transparent; border-bottom:#d4d4d4 .2rem solid; display:block;}
.sort .sort-tab .sort-arrow .sort-arrow-down{ border-left:.2rem solid transparent; border-right:.2rem solid transparent; border-top:#d4d4d4 .2rem solid; display:block; margin-top:.12rem;}

.sort .sort-tab .sort-arrow .sort-arrow-up.active{ border-bottom:#06c1ae .2rem solid;}
.sort .sort-tab .sort-arrow .sort-arrow-down.active{ border-top:#06c1ae .2rem solid;}


/******产品列表******/
.goods-name {
    overflow: hidden;
    position: relative;
    padding: .5rem .3rem .0rem .3rem;
}

/*------搜索框------*/
.store-search{ width:100%; background:#f4f4f4; border-bottom:#eaeaea 1px solid; overflow:hidden; padding:.3rem 0 .3rem .5rem;}

.store-search .store-search-input{ width:12rem; height:1.4rem; background:#fff; border-radius:4px; overflow:hidden; padding:0 1.4rem 0 1.5rem; float:left; position:relative;}
.store-search .store-search-input:after{ width:.6rem; height:.6rem; content:''; background:url(../images/search.png) no-repeat center; background-size:.6rem; position:absolute; left:.5rem; top:.4rem;}
.store-search .store-search-input input{ width:100%; height:1.4rem; font-size:.6rem; color:#555; border:none; background:none; vertical-align:top;}

.input-clear{ width:.7em; height:.7rem; background:url(../images/input_clear.png) no-repeat center; background-size:.7rem; opacity:.4; position:absolute; right:.4rem; top:.35rem;}

/*------关闭窗口------*/
.store-search-close{ width:2.5rem; height:1.4rem; overflow:hidden; float:left;}
.store-search-close span{ width:100%; height:100%; line-height:1.4rem; font-size:.64rem; color:#999; text-align:center; display:block;}



/***************************************个人主页***************************************/
.user-bg-box{height: auto;overflow:hidden;position: relative;left: 0;right: 0;}
/*设置背景模糊*/
.user-bg{position: absolute;overflow: hidden;bottom: 0;z-index: -1;background: #000;width: 150%;height: 110%;top: 0;background-position: 50%;background-size: cover;display: block;-webkit-filter: blur(20px);-moz-filter: blur(20px);-ms-filter: blur(20px);filter: blur(20px);transform: translate(-25%,-5%) scale(1.04);-webkit-transform: translate(-25%,-5%) scale(1.04);}

/*个人中心头部信息*/
.user-info-top{background: transparent;padding-top: 1.8rem;}
.user-info-top .user-content{min-height: 4rem;color: #fff;overflow: hidden;display: block;position: relative;padding: 1rem 4.3rem 1rem 3.6rem;}
.user-photo{width: 2.1rem;height: 2.1rem;border-radius: 0.5rem;padding: 0;position: absolute;margin: 0 auto;text-align: center;left: 0.5rem;}
.user-photo a{ display:block;}
.user-photo img{ width: 2.1rem; height: 2.1rem; border-radius: 50%; object-fit: cover;}
.user-info-top h3{ font-size: .64rem; padding: .3rem 0 .14rem 0;}
.user-info-top p{font-size: .52rem;opacity: 1;color: #fff;}

/*查看个人主页*/
.user-link{line-height: 1.1rem;border-radius: .55rem 0 0 .4rem;display: block;padding: 0 0.4rem;height: 1.1rem;position: absolute;right: 0;top: 3.5rem;overflow: hidden;}
.user-link a{padding: 0;padding-right: 0.6rem;min-height: auto;color: #fff;}
.user-link a:after{width: .5rem; height: 1.1rem; content: ''; background: url(../images/icon_arrow.svg) no-repeat center; background-size: .8rem auto; position: absolute; right: 0rem; top: 0rem;}


/*关注、粉丝、收藏、优惠券 九宫格排*/
.user-menu-list{padding: 0.4rem 0;position: relative;overflow: hidden;background: none;}
.user-text{display: block;text-align: center;color: #fff;font-size: 0.85rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;float: left;padding: 1px;width: 33.33%;box-sizing: border-box;}
.user-text h1{font-size: .65rem;font-weight: normal;color: #fff;padding-bottom: 0.2rem;}
.user-text h2{font-size: .48rem;font-weight: normal;color: #ddd;}